⌨️ 开发笔记前端调试chrome performance 面板分析chrome performance 面板分析 分析前提,需要在无痕浏览器进行分析; google 测试页面:https://googlechrome.github.io/devtools-samples/jank/ 重点关注:cpu使用情况、main高危task(执行时间较长,超过50ms)、layout(重排) 调用树call tree可以查看函数调用情况,并且定位到具体的js pre-paint,准备重新绘制,选中这个块,可以在summary中查看调用情况;